.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh{
	display: flex;
	 
}
html,doby{
	width: 100%;
	height: 100%;
}
header {
	background: #ffffff;
	ul {
		.px2rem(height,90);
		.px2rem(padding-left,27);
		border-bottom: 1px solid #ccc;
		.txh();
		justify-content:space-between;
		align-items:center;
		li {
			.px2rem(font-size,38);
			font-weight: bold;
			color: #373737;
		}
	}
}
section {
	.section-Gift-packs {
		.px2rem(font-size,33);
		.px2rem(height,102);
		.txh();
		align-items:center;
		justify-content:center;
		span {
			color: #3f4240;
			.px2rem(padding-left,30);
			.px2rem(padding-right,30);
		}
	}
	.section-image {
		ul {
			text-align: center;
			li:nth-child(2){
				.px2rem(padding-top,16);
			}
		}
	}
	.section-Number {
		.px2rem(margin-top,36);
		border-top: 29px solid #e8e9e9;
		p {
			.px2rem(height,110);
			.px2rem(font-size,25);
			color: #929493;
			.txh();
			justify-content:center;
			align-items:center;
			span {
				color: #3c970c;
			}
		}
	}
	.section-main {
		border:1px solid #ccc;
		.px2rem(height,212);
		.section-main-Code {
			.px2rem(margin-left,27);
			.px2rem(margin-right,32);			
			border-bottom: 1px solid #ccc;
			.txh();
			justify-content:space-between;
			.section-main-Code-left {
				width: 17%;
				ul {
					.px2rem(height,101);
					.txh();
					justify-content:space-between;
					align-items:center;
					font-weight: bold;
					.px2rem(font-size,26);
					li:nth-child(1) {
						.px2rem(padding-right,17);

					}
				}				
			}
			.section-main-Code-right {
				ul {
					.px2rem(height,101);
					.txh();
					justify-content:space-between;
					align-items:center;
					color: #a4a5a5;
					li:nth-child(1) {
						.px2rem(padding-right,10);
						.px2rem(font-size,26);
					}
				}
				
			}
		}

		.section-main-time {
			.px2rem(margin-left,27);
			.px2rem(margin-right,32);			
			.txh();
			justify-content:space-between;
			.section-main-time-left {
				width: 18%;
				ul {
					.px2rem(height,101);
					.txh();
					justify-content:space-between;
					align-items:center;
					font-weight: bold;
					.px2rem(font-size,26);
					li:nth-child(1) {
						.px2rem(padding-right,17);

					}
				}				
			}
			.section-main-time-right {
				ul {
					.px2rem(height,101);
					.txh();
					justify-content:space-between;
					align-items:center;
					color: #a4a5a5;
					li:nth-child(1) {
						.px2rem(padding-right,10);
						.px2rem(font-size,26);
					}
				}
				
			}
		}
	}
}
footer {
	button {
		width: 92%;
		.px2rem(height,74);
		.px2rem(font-size,26);
		color: #fff;
		font-weight: bold;
		border:none;
		.px2rem(margin-left,30);	
		.px2rem(margin-top,26);	
	}
}